<div class="pref-container">
    <input type="radio" ng-model="edit_user.preferences.threshold" ng-value="t" style="width: 20px"/> <label>Use Threshold</label>
    <div class="control-group">
        <div>Video Recommendation Threshold
            <progressbar class="progress-striped" value="edit_user.preferences.thresholdV" type="{{getType(edit_user.preferences.thresholdV)}}">
                    {{edit_user.preferences.thresholdV}}%
            </progressbar>
        </div>
        <div>
            <input ng-disabled="!edit_user.preferences.threshold" type="range" ng-model="edit_user.preferences.thresholdV" max="100" min="0" 
                   style="margin-top: -7.25%"/>
        </div>
    </div>
    <div class="control-group">
        <div>Interest Suggestion Threshold
            <progressbar class="progress-striped" value="edit_user.preferences.thresholdI" type="{{getType(edit_user.preferences.thresholdI)}}">
                    {{edit_user.preferences.thresholdI}}%
            </progressbar>
        </div>
        <div>
            <input ng-disabled="!edit_user.preferences.threshold" type="range" ng-model="edit_user.preferences.thresholdI" max="100" min="0" style="margin-top: -7.25%" />
        </div>
    </div>
    
    <hr />
    
    <input type="radio" ng-model="edit_user.preferences.threshold" ng-value="f" style="width: 20px"/> <label>Get Top N</label>
    <div class="control-group">
        Video Recommendations: <input class="pref-input" ng-disabled="edit_user.preferences.threshold" type="number" ng-model="edit_user.preferences.videoN"/>
    </div>
    <div class="control-group">
        Interest Suggestions: <input class="pref-input" ng-disabled="edit_user.preferences.threshold" type="number" ng-model="edit_user.preferences.interestN"/>
    </div>
    <div class="modal-footer">
        <button class="btn btn-primary" ng-click="save(0)">Save</button>
        <button class="btn btn-warning" ng-click="cancel()">Cancel</button>
    </div>
</div>